/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
	/**我加了个注释110414*/
	body
	{
		font-size: 10px;
	}

	h1, h2, h3, h4, h5, h6
	{
	}

	section,
	article
	{
		clear: both;
		margin: 0px 10px !important;
	}
	
	ul.style1
	{
	}

	ul.style4
	{
		margin-bottom: 2em;
		text-align: center;
	}
	
		ul.style4 li
		{
			display: block;
			margin-bottom: 0.30em;
		}

		ul.style4 a
		{
			display: block;
			padding: 0.70em 1em;
			text-decoration: none;
			font-size: 1.25em;
			font-style: italic;
			color: #787878;
		}
		

	.button
	{
		display: block;
		text-align: center;
		padding: 1em 0 1em 0;
		font-size: 1.0em;
	}

/*********************************************************************************/
/* Mobile UI                                                                     */
/*********************************************************************************/
	
	#mobileUI-site-titlebar
	{
		background: #101010 url("images/bg_title_mobile.jpg") no-repeat left top;
		background-size: 100% 100%;
	}
	
	#mobileUI-site-title a
	{
		position:relative;
		margin-left: 25px;
		font-size: 24px;
		font-weight: 700;
		line-height: 180%;
		letter-spacing: 1px;
		text-align: center;
		text-decoration: none;
		color: #fff;
	}
		#mobileUI-site-title img
		{
			padding: 0px 5px 7px 5px;
			width: auto;
			height: 32px;
			vertical-align: middle;
		}
	
	#mobileUI-site-nav-opener
	{
		text-indent: -9999em;
		width: 60px;
		height: 44px;
	}
		#mobileUI-site-nav-opener:before
		{
			content: '';
			position: absolute;
			left: 5px;
			top: 8px;
			width: 30px;
			height: 30px;
			background: url("images/bg_nav_mobile.png") no-repeat;
			background-size: 100% 100%;
			opacity: 1;
		}
		#mobileUI-site-nav-opener:active:before
		{
			opacity: 0.5;
		}
	
	#mobileUI-site-nav
	{
		background: #101010;
		background-size: 100% 100%;
	}
	
	#mobileUI-site-nav-inner
	{
	}
	
	.mobileUI-site-nav-link
	{
		display: block;
		color: #666;
		text-decoration: none;
		height: 44px;
		line-height: 44px;
		border-top: 1px solid #222;
		padding: 0 1em 0 1em;
		font-style: italic;
	}
	
	.mobileUI-site-nav-link-depth-0
	{
		color: #fff;
	}
	
	.mobileUI-site-nav-link:first-child
	{
		border-top: 0;
	}

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/
	
	#header-wrapper
	{
		padding: 0 0 0 0;
	}
	
	#main-wrapper
	{
		padding: 0 0 0 0;
	}
	
	#footer-wrapper
	{
		padding: 0 0 0 0;
	}

/*********************************************************************************/
/* Header Section                                                                */
/*********************************************************************************/
	
	#header-section
	{
		display: none;
	}

/*********************************************************************************/
/* Header < Header Section                                                       */
/*********************************************************************************/
	
	#header
	{
		display: none;
	}

/*********************************************************************************/
/* Header Logo < Header < Header Section                                         */
/*********************************************************************************/
	
	#header-logo
	{
		display: none;
	}

/*********************************************************************************/
/* Nav < Header < Header Section                                                 */
/*********************************************************************************/
	
	#nav
	{
		display: none;
	}

/*********************************************************************************/
/* Search < Header < Header Section                                              */
/*********************************************************************************/
	
	#search
	{
		display: none;
	}

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/
	
	#main
	{
	}

/*********************************************************************************/
/* Bar Section < Main                                                            */
/*********************************************************************************/
	
	#bar-section
	{
		padding: 5px 3px 0 3px;
	}

/*********************************************************************************/
/* Bar < Bar Section < Main                                                      */
/*********************************************************************************/
	
	#bar0,
	#bar1,
	#bar2,
	#bar3,
	#bar4,
	#bar5,
	#bar6,
	#bar7
	{
		background: #101010 url("images/bg_bar_mobile.jpg") no-repeat center top;
		background-size: 100% 100%;
	}
		#bar0 h1,
		#bar1 h1,
		#bar2 h1,
		#bar3 h1,
		#bar4 h1,
		#bar5 h1,
		#bar6 h1,
		#bar7 h1
		{
			padding: 0.5em 0px 0.5em 0px;
			font-size: 16px;
			font-weight: 700;
			text-align: center;
			text-shadow: 0.5px 0.5px 0.5px #E4E4E4;
			color: #fff;
		}

/*********************************************************************************/
/* Slider < Main                                                                 */
/*********************************************************************************/
	
	#slider
	{
		background: #fff;
	}

/*********************************************************************************/
/* Viewer < Slider < Main                                                        */
/*********************************************************************************/
	
	#slider .viewer
	{
		overflow: none;
		margin: 5px 0px 0 0px;
		padding: 0 0 0 0;
		border: 0px solid #39393A;
		max-height: 350px;
		min-height: 350px;
	}

/*********************************************************************************/
/* Reel < Viewer < Slider < Main                                                 */
/*********************************************************************************/
	
	#slider .viewer .reel
	{
		display: none;
		position: relative;
		display: block;
		max-height: 155px;
		min-height: 155px;
	}
		#slider .viewer .reel .slide
		{
		}
		#slider .viewer .reel .slide img
		{
			position: relative;
			display: block;
			border: 0px groove #fff;
		}

/*********************************************************************************/
/* Captions < Viewer < Slider < Main                                             */
/*********************************************************************************/
	
	#slider .viewer .captions
	{
		top: 200px;
		margin: 0 auto;
		padding: 0 1em 0 1em;
		text-align: center;
		background: #fff;
	}
		#slider .viewer .captions .captionLine
		{
			margin: 0 auto;
			padding: 0.5em 0.5em 0.5em 0.5em;
		}
		#slider .viewer .captions .captionLine h2
		{
			margin: 0 auto;
			font-size: 1.2em;
			font-weight: 700;
			letter-spacing: 0px;
			font-style: none;
			text-transform: uppercase;
			text-align: left;
		}
		#slider .viewer .captions .captionLine h3
		{
			margin: 0 auto;
			padding: 0.5em 0 0 0;
			font-size: 1.5em;
			font-weight: 700;
			letter-spacing: 0px;
			text-transform: uppercase;
			text-align: center;
		}
		#slider .viewer .captions .captionLine p,
		#slider .viewer .captions .captionLine a
		{
			margin: 0 auto;
			padding: 0.5em 0 0 0;
			font-size: 1.15em;
			font-weight: 700;
			letter-spacing: 0px;
			text-transform: none;
			text-align: left;
		}
		#slider .viewer .captions .captionLine .button
		{
			display: block;
			position: relative;
			margin: 0 auto;
			padding-top: 1em;
			font-size: 1.15em;
			font-weight: 700;
			letter-spacing: 0px;
			text-transform: none;
			text-align: left;
			color: #3A3A3A;
		}
			#slider .viewer .captions .captionLine .button:after
			{
				content: "\00BB";
				padding-left: 0.5em;
				color: #fff;
			}

/*********************************************************************************/
/* Navigation < Viewer < Slider < Main                                           */
/*********************************************************************************/
	
	#slider .viewer .navigation
	{
		display: none;
	}

/*********************************************************************************/
/* Slider Thumbnav < Slider < Main                                               */
/*********************************************************************************/
	
	#slider-thumbnav
	{
		position: absolute;
		top: 155px;
		height: 45px;
	}
		#slider-thumbnav ul.thumbnav
		{
		}
		#slider-thumbnav li
		{
			height: 100%;
			width: 20%;
			border-top: 2px solid #fff;
			border-bottom: 2px solid #fff;
		}
			#slider-thumbnav li:hover,
			#slider-thumbnav .active li
			{
				opacity: 0.8;
				border-top: 2px solid #F47F24;
				border-bottom: 2px solid #F47F24;
			}
		#slider-thumbnav a
		{
			display: none;
			margin: 5px 10% 5px 10%;
			padding: 0 0 0 0;
			height: 34px;
			border: 1px dotted #fff;
		}
			#slider-thumbnav a:hover
			{
				background: #F47F24;
				background-size: 100% 100%;
				border: 1px solid #fff;
			}
			#slider-thumbnav .active a
			{
				border: 1px solid #F47F24;
			}
			#slider-thumbnav .active a:hover
			{
				background: #F47F24;
				border: 1px solid #F47F24;
			}
		#slider-thumbnav p
		{
			display: none;
		}

/*********************************************************************************/
/* Main Content Section < Main                                                   */
/*********************************************************************************/
	
	#main-content-section,
	#main-content-section1,
	#main-content-section2,
	#main-content-section3,
	#main-content-section4,
	#main-content-section5,
	#main-content-section6
	{
		border-bottom: 0px solid #C1C1C1;
		border-top: 5px solid #fff;
	}

/*********************************************************************************/
/* Content Section < Main Content Section < Main                                 */
/*********************************************************************************/
	
	#content-section
	{
	}

/*********************************************************************************/
/* Content < Content Section < Main Content Section < Main                       */
/*********************************************************************************/
	
	#content
	{
		padding-top: 0.5em;
		padding-bottom: 2em;
		padding-left: 0em;
		padding-right: 0em;
	}
		#content h2
		{
			margin-bottom: 1em;
			font-size: 1.5em;
			font-weight: 700;
			letter-spacing: 0px;
			line-height: 1.5em;
			text-align: center;
		}
		#content h3
		{
			margin-bottom: 5px;
			font-size: 1.3em;
			font-weight: 700;
			letter-spacing: 0px;
			line-height: 1.25em;
			text-align: left;
			color: #EF8A1C;
		}
		#content p
		{
			margin-bottom: 0.5em;
			font-size: 1.15em;
			font-weight: 400;
			letter-spacing: 0px;
			line-height: 1.25em;
			text-decoration: none;
		}
		#content a
		{
			text-decoration: underline;
			text-decoration: none;
			color: #EF8A1C;
			color: #39393A;
		}
			#content a:hover
			{
				text-decoration: none;
				color: #EF8A1C;
			}
		#content strong
		{
			font-weight: 700;
		}
		#content i
		{
			font-style: italic;
		}
		#content sup
		{
			font-size: 80%;
			vertical-align: super;
		}
		#content img
		{
			margin: 0 auto;
			padding: 0 0 0 0;
			width: 90%;
			height: auto;
		}
		#content .afterlist
		{
			margin-top: 0.5em;
		}
		#content .readmore
		{
			margin-bottom: 0.5em;
			font-size: 1.0em;
			font-weight: 400;
			letter-spacing: 0px;
			line-height: 1.25em;
			color: #39393A;
		}
			#content .readmore:after
			{
				content: "\00BB";
				font-size: 1.25em;
				font-weight: 600;
				padding-left: 0.25em;
				color: #EF8A1C;
			}
		#content img.director
		{
			float: left;
			margin: 0 15px 5px 0;
			height: 200px;
			width: 140px;
		}
		#content ul
		{
			display: block;
			margin: 0 auto;;
			padding: 0 0 0 0;
			list-style-type:none;
		}
		#content li
		{
			display: block;
			margin-left: 1.5em;
			padding: 0 0 0 1.5em;
			list-style-type: none;
			font-size: 1.15em;
			font-weight: 400;
			letter-spacing: 0px;
			line-height: 1.5em;
			color: #39393A;
			background-image: url("images/list_square.png");
			background-repeat: no-repeat;
			background-position: 0px 5px;
		}
		#content ul.directory
		{
			list-style: none;
			margin: 0 auto;
			padding: 0 0 0 0;
		}
		#content ul.directory li
		{
			background: none;
			margin: 0 auto;
			padding: 0 0 0 0;
			padding-bottom: 10px;
			padding-top: 15px;
			min-height: 100px;
			border-bottom: 1px solid #A8ABA2;
		}
		#content ul.directory li:last-child
		{
			border-bottom: 0px solid #A8ABA2;
		}
		#content ul.directory li img
		{
			float: left;
			margin: 0 15px 5px 0;
			height: 110px;
			width: 120px;
		}
		#content table
		{
			margin: 0.5em 0 0.5em 0;
			padding: 0 0 0 0;
			width: 100%;
			height: 100%;
			font-size: 1.0em;
			font-weight: 400;
			letter-spacing: 0px;
			text-align: center;
			line-height: 2em;
			vertical-align: middle;
		}
		#content table, tr, th, td
		{
			border: 1px solid #fff;
			height: 100%;
			color: #fff;
		}
		#content thead
		{
			background: #787878;
			background: #525252;
			font-weight: 700;
		}
		#content tbody
		{
			background: #D4D4D4;
			background: #969696;
			font-weight: 500;
		}
		#content tr, th, td
		{
			padding-left: 1px;
			padding-right: 1px;
			vertical-align: middle;
		}
		#content table.course
		{
			margin: 0em 0em 0.5em 0em;
			padding: 0 0 0 0;
			width: 100%;
			height: 100%;
			font-size: 1.15em;
			font-weight: 400;
			letter-spacing: 0px;
			text-align: left;
			line-height: 1.25em;
			vertical-align: middle;
		}
		#content table.course tbody
		{
			background: #fff;
			border: 0px solid #fff;
			height: 100%;
			color: #39393A;
		}
		#content table.course td
		{
			padding-left: 0.0em;
			padding-right: 0.0em;
			vertical-align: top;
			color: #39393A;
		}
		.imagezoom
		{
		}
		.imagezoom:hover
		{
			-moz-transform:scale(1.0);
			-webkit-transform:scale(1.0);
			-o-transform:scale(1.0);
		}
		.imagescroll
		{
			width: 100%;
			height: auto;
			margin-left: 0px;
			-webkit-transition: margin 1s ease;
			-moz-transition: margin 1s ease;
			-o-transition: margin 1s ease;
			-ms-transition: margin 1s ease;
			transition: margin 1s ease;
		}
		.imagescroll:hover
		{
			margin-left: 0px;
			-moz-transform:scale(1.0);
			-webkit-transform:scale(1.0);
			-o-transform:scale(1.0);
			-ms-transform:scale(1.0);
		}
	
	#featured
	{
		background: #39393A;
		background: #fff;
		width: 100%;
		height: 260px;
	}
		#featured .fr1,
		#featured .fr2,
		#featured .fr3,
		#featured .fr4,
		#featured .fr5,
		#featured .fr6,
		#featured .fr7,
		#featured .fr8,
		#featured .fr9
		{
			position: relative;
			float: left;
			margin: 0 auto;
			margin: 1% 1% 1% 1%;
			padding: 0 0 0 0;
			background: #6E6E6E;
			background: #fff;
			height: 130px;
		}
		#featured .fr1
		{
			width: 29%;
		}
		#featured .fr2
		{
			width: 36%;
		}
		#featured .fr3
		{
			width: 29%;
		}
		#featured .fr4
		{
			width: 34%;
		}
		#featured .fr5
		{
			width: 30%;
		}
		#featured .fr6
		{
			width: 30%;
		}
		#featured img
		{
			width: 100%;
			height: 80px;
		}
		#featured a
		{
			display: block;
			position: absolute;
			top: 0px;
			left: 0px;
			margin: 0 auto;
			padding: 160px 0% 0% 0%;
			width: 100%;
			height: 100%;
			border: 0px dotted #fff;
			text-decoration: none;
		}
		#featured .opacity_mask_fr
		{
			display: block;
			position: relative;
			top: -80px;
			margin: 0 auto;
			padding: 0 0 0 0;
			width: 100%;
			height: 50px;
			background: url("images/bg_opacity_mask.png");
			opacity: 0.6;
		}
		#featured p.fr
		{
			display: blOck;
			position: relative;
			top: -130px;
			left: 0px;
			margin: 0 auto;
			padding: 5% 1% 5% 1%;
			width: 100%;
			height: 50px;
			font-size: 1.0em;
			font-weight: 700;
			text-decoration: none;
			text-align: center;
			text-shadow: 1px 1px 1px #1F1F1F;
			line-height: 1.0em;
			vertical-align: middle;
			color: #fff;
		}
			#featured p.fr:hover
			{
				color: #F47F24;
				background: transparent;
			}

/*********************************************************************************/
/* Sidebar < Content Section < Main Content Section < Main                       */
/*********************************************************************************/
	
	#sidebar
	{
		height: 100%;
	}
		#sidebar ul.left-nav
		{
		}
			#sidebar ul.left-nav li
			{
			}
				#sidebar ul.left-nav li:first-child
				{
					padding-top: 0.5em;
				}
				#sidebar ul.left-nav li:last-child
				{
					padding-bottom: 0.5em;
				}
			#sidebar ul.left-nav a
			{
				margin: 1px 3px 1px 3px;
				padding: 0.5em 1em 0.5em 1em;
				font-size: 1.3em;
				font-weight: 600;
				letter-spacing: 0px;
				line-height: 1.25em;
				text-decoration: none;
				text-transform: none;
				color: #d9d9d9;
				background: #484848;
			}
				#sidebar ul.left-nav a:after
				{
					content: "\00BB";
					padding-left: 0.3em;
					color: #F47F24;
				}
				#sidebar ul.left-nav a.opened:after
				{
					content: "";
					padding-left: 0.3em;
					color: #F47F24;
					-moz-transform: rotate(90deg);
					-webkit-transform: rotate(90deg);
					-o-transform: rotate(90deg);
					-ms-transform: rotate(90deg);
					transform: rotate(90deg);
				}
				#sidebar ul.left-nav a.active,
				#sidebar ul.left-nav a:hover
				{
					color: #fff;
					background: #F47F24;
				}
				#sidebar ul.left-nav a.active:after,
				#sidebar ul.left-nav a:hover:after
				{
					color: #fff;
				}
		#sidebar ul.left-nav-sub
		{
		}
			#sidebar ul.left-nav-sub li
			{
			}
				#sidebar ul.left-nav-sub li:first-child
				{
					padding-top: 0.0em;
				}
				#sidebar ul.left-nav-sub li:last-child
				{
					padding-bottom: 0.0em;
				}
			#sidebar ul.left-nav-sub a
			{
				margin: 1px 3px 1px 3px;
				padding: 0.5em 0.5em 0.5em 2em;
				font-size: 1.25em;
				font-weight: 600;
				letter-spacing: 0px;
				line-height: 1.25em;
				text-decoration: none;
				text-transform: none;
				color: #d9d9d9;
				background: #8D8D8D;
			}
				#sidebar ul.left-nav-sub a:after
				{
					content: "\00BB";
					padding-left: 0.3em;
					color: #F47F24;
				}
				#sidebar ul.left-nav-sub a.active,
				#sidebar ul.left-nav-sub a:hover
				{
					color: #fff;
					background: #F47F24;
				}
				#sidebar ul.left-nav-sub a.active:after,
				#sidebar ul.left-nav-sub a:hover:after
				{
					color: #fff;
				}

/*********************************************************************************/
/* Sidebar-Video < Content Section < Main Content Section < Main                           */
/*********************************************************************************/
	
	#sidebar-video a
	{
		display: none;
	}

/*********************************************************************************/
/* Ads < Content Section < Main Content Section < Main                           */
/*********************************************************************************/
	
	#ads
	{
		display: none;
	}

/*********************************************************************************/
/* Footer Head Section                                                           */
/*********************************************************************************/
	
	#footer-head-section
	{
		background: #1b1b1c;
	}

/*********************************************************************************/
/* Footer Head Bar < Footer Head Section                                         */
/*********************************************************************************/
	
	#footer-head-bar
	{
		padding: 0 5px 0 5px;
		height: 40px;
		line-height: 40px;
	}

/*********************************************************************************/
/* Footer Head < Footer Head Bar < Footer Head Section                           */
/*********************************************************************************/
	
	#footer-head
	{
	}
		#footer-head h2
		{
			display: none;
			font-size: 1.1em;
			color: #1b1b1c;
		}

/*********************************************************************************/
/* Socail Icon < Footer Head Bar < Footer Head Section                           */
/*********************************************************************************/
	
	#social-icon
	{
	}

/*********************************************************************************/
/* Footer Content Section                                                        */
/*********************************************************************************/
	
	#footer-content-section
	{
		padding: 0 0 0 0;
		background: #484848;
	}

/*********************************************************************************/
/* Footer Content < Footer Content Section                                       */
/*********************************************************************************/
	
	#footer-content
	{
		padding: 5px 5px 5px 5px;
	}

/*********************************************************************************/
/* Footer Update < Footer Content < Footer Content Section                       */
/*********************************************************************************/
	
	#footer-update
	{
		padding: 0 0 0 0;
	}
		#footer-update h2
		{
			margin-top: 1em;
			margin-bottom: 0.5em;
			font-size: 1.2em;
			text-align: center;
			color: #E4E4E4;
			background: #282828;
		}
		#footer-update a.readmore
		{
			display: ;
			float: right;
			font-size: 0.7em;
			color: #8e8e90;
			margin-left: 2em;
			margin-right: 5em;
		}
		#footer-update ul.update,
		#footer-update ul.update3
		{
			font-size: 1.15em;
		}
			#footer-update ul.update li,
			#footer-update ul.update3 li
			{
			}
			#footer-update ul.update a
			{
				margin-left: 5.5em;
				margin-right: 2em;
			}
			#footer-update ul.update3 a
			{
				margin-left: 6.5em;
				margin-right: 2em;
			}
			#footer-update ul.update .date,
			#footer-update ul.update3 .date
			{
			}
			#footer-update ul.update .readmore,
			#footer-update ul.update3 .readmore
			{
				margin-left: 0.1em;
			}

/*********************************************************************************/
/* Footer Map < Footer Content < Footer Content Section                          */
/*********************************************************************************/
	
	#footer-map
	{
		display: none;
	}

/*********************************************************************************/
/* Copyright Content Section                                                     */
/*********************************************************************************/
	
	#copyright-content-section
	{
		padding: 0 0 0 0;
		background: #39393A;
		border-top: 0px solid #39393A;
	}

/*********************************************************************************/
/* Copyright Section < Copyright Content Section                                 */
/*********************************************************************************/
	
	#copyright-section
	{
		padding: 2px 5px 2px 5px;
	}

/*********************************************************************************/
/* Copyright < Copyright Section < Copyright Content Section                     */
/*********************************************************************************/
	
	#copyright
	{
		color: #cdcdcd;
	}
		#copyright p
		{
			font-size: 1.15em;
			line-height: 20px;
		}
